<extend name="Base/base" />
<block name="body">
	<section class="margin-top">
	<div class="container content">
        <div class="article-header muthink-animate fadeInLeft" data-wow-duration="1s" data-wow-delay="1s">
        <h1>{$info['title']}</h1>
        <span class="text-gray">
          {:L('text_publish_date')} {$article.date_modified|date='Y-m-d',###}
        </span>
        <span class="text-gray margin-left">{:L('text_viewed')} {$article.viewed}</span>
        </div>
        <hr>
        <div class="margin-top row">
            <div class="col-sm-8">
              <div class="content-description muthink-animate fadeInUp">
                {$info.content}
              </div>
            </div>
            <div class="col-sm-4">
            	<h3>{:L('text_related_article')}</h3>
              <foreach name="article['article_related']" item="related">
                <div class="related-item muthink-animate fadeInUp">
                  <h3><a href="{$related.url}">{$related.title}</a></h3>
                  <div class="related-text">
                    {$related.meta_description}
                  </div>
                  <div class="info-bar">
                    <span class="text-gray">
                      {:L('text_publish_date')} {$related.date}
                    </span>
                    <span class="text-gray margin-left">{:L('text_viewed')} {$related.viewed}</span>
                  </div>
                  <hr>
                </div>
              </foreach>
            </div>
        </div>        
    </div>
</section>
</block>